Steven Cowart

Technical Skills

This page outlines the technical skills I have developed throughout coursework. As I continue expanding my knowledge of coding and web development, my list of skills will continue to grow.


Technical Skill Overview
Area Example Skills Level


Web Development Foundations

  • Creating complete HTML5 documents using DOCTYPE, html, head, and body structure
  • Setting page titles and character encoding using meta tags
  • Organizing file systems for multi-page websites
  • Testing webpages in browser environments
  • Validating code using the W3C HTML Validator to identify and correct errors

HTML Structure & Website Navigation

  • Using semantic layout elements (header, nav, main, section, footer)
  • Creating content hierarchy using heading elements (h1–h6)
  • Building navigation menus with anchor elements
  • Creating unordered lists to organize content
  • Designing consistent navigation across multi-page websites
  • Connecting core website pages using relative file paths

CSS Styling & Visual Design

  • Applying external CSS stylesheets using link elements
  • Using element, class, and ID selectors to target and style content
  • Understanding and applying the CSS Box Model (content, padding, border, margin)
  • Using the box-sizing property to control layout sizing
  • Controlling layout dimensions using min-width and max-width
  • Centering page content using layout and spacing techniques
  • Styling text with font-family, font-size, font-weight, color, and text alignment
  • Adjusting line-height and letter-spacing for readability
  • Applying text transformations and text-decoration properties
  • Applying background properties including size, origin, and clip
  • Using opacity, RGBA, and HSLA values to create transparency effects
  • Creating rounded elements using border-radius
  • Adding depth with box-shadow and text-shadow effects
  • Designing visual contrast to improve readability

Layout & Page Positioning

  • Creating multi-column layouts using the CSS float property
  • Clearing floats using the clear property to control layout flow
  • Managing content overflow using overflow values (visible, hidden, auto, scroll)
  • Controlling element display behavior using display properties (block, inline, none)
  • Positioning elements using CSS position values (static, relative, absolute, fixed, sticky)
  • Adjusting element placement using top, left, right, and bottom offsets

User Interaction & Performance Techniques

  • Styling interactive links using CSS pseudo-classes (link, visited, hover, focus, active)
  • Creating horizontal navigation menus using list styling and display properties
  • Improving page performance using CSS image sprites to reduce HTTP requests

Modern CSS Layout & Responsive Design

  • Building flexible one-dimensional layouts using the Flexbox container with display: flex
  • Configuring flex behavior with flex-direction, flex-wrap, justify-content, align-items, and align-content
  • Customizing flex items with order, flex-grow, flex-shrink, flex-basis, and align-self
  • Building two-dimensional layouts using CSS Grid with display: grid
  • Defining grid structure with grid-template-columns, grid-template-rows, and the fr unit
  • Placing items with grid-column, grid-row, grid-area, and grid-template-areas
  • Spacing rows and columns using grid-gap
  • Configuring mobile display with the meta viewport tag
  • Building fluid layouts with relative units such as percentages and em
  • Targeting screen sizes with media queries using min-width and max-width
  • Creating flexible images that resize within their container
  • Serving alternate image sizes with the picture, source, and srcset elements
  • Linking within a page using fragment identifiers
  • Designing mobile-friendly hyperlinks with tel: and sms: URL schemes

Tables, Multimedia & Animation

  • Structuring tabular data with table, tr, td, th, and caption elements
  • Spanning cells across rows and columns using rowspan and colspan
  • Choosing between collapsed and separated border models
  • Grouping table content with thead, tbody, tfoot, colgroup, and col
  • Improving table accessibility with headers, scope, and summary attributes
  • Styling tables with structural pseudo-classes such as nth-child and first-child
  • Embedding sound and video using the HTML5 audio and video elements
  • Embedding external content with the iframe element
  • Transforming elements with rotate, scale, translate, and skew
  • Animating property changes smoothly using the transition property
  • Creating keyframe animations with @keyframes and the animation property
  • Building dropdown navigation menus using nested lists with positioning
  • Creating expandable widgets with the HTML5 details and summary elements

Forms & Web Publishing

  • Structuring forms with the form element and configuring action and method attributes
  • Choosing between GET and POST methods for submitting data
  • Creating input controls including text, password, email, url, tel, search, and textarea
  • Creating selection controls with checkboxes, radio buttons, select lists, and datalists
  • Creating numeric inputs with range sliders and number spinners
  • Creating specialized inputs for date, time, color, and hidden values
  • Validating user input with required, placeholder, and maxlength attributes
  • Improving form accessibility with label, fieldset, and legend elements
  • Distinguishing between client-side and server-side scripting
  • Selecting and registering domain names with appropriate top-level domains
  • Comparing virtual, dedicated, and co-located web hosting options
  • Uploading site files to a server using FTP clients
  • Submitting websites to search engines and improving rankings with meta description and heading tags
  • Designing for accessibility following Section 508 and WCAG 2.0 standards

JavaScript Programming

  • Embedding scripts with the script element and external .js files
  • Declaring variables with var and recognizing primitive data types (number, string, boolean, null, undefined)
  • Determining a value's type using the typeof operator
  • Building expressions with arithmetic, assignment, comparison, and logical operators
  • Understanding operator precedence and associativity
  • Concatenating strings with the + operator and using escape sequences
  • Defining named and anonymous functions and returning values with return
  • Distinguishing between global and local variable scope
  • Accessing page elements with getElementById and getElementsByTagName
  • Handling user actions with event handlers and the addEventListener method
  • Storing and accessing collections of data using arrays
  • Locating runtime errors with the browser console